﻿
@charset "UTF-8";


/*General*/
#colRight p {
	line-height: 180%;
	margin-bottom: 0.8em;
}
#colRight p.document-head {
	text-align: right;
}
#colRight .align_right {
	text-align: right;
}
#colRight .align_center {
	text-align: center;
}
#colRight .vertical_top {
	vertical-align: top;
}
#colRight em {
	display: block;
	text-align: center;
}
#colRight strong {
	font-weight: bold;
}
/*2 columns layout*/
#colRight .section {
	width: 700px;
}
#colRight .section:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#colRight .section .text-r-col {
	width: 520px;
	float: right;
	margin: 0 0 10px;
}
#colRight .section .image-l-col {
	float: left;
	width: 170px;
	text-align: center;
	margin: 0 0 10px;
}
#colRight .section .text-l-col {
	width: 520px;
	float: left;
	margin: 0 0 10px;
}
#colRight .section .image-r-col {
	float: right;
	width: 170px;
	margin: 0 0 10px;
	text-align: center;
}
#colRight .section .image-l-col img, #colRight .section .image-r-col img {
	margin: 0 auto 8px;
}
#colRight .section .image-l-col p, #colRight .section .image-r-col p {
	text-align: left;
}
/*2 columns layout, Half and Half*/
#colRight .section1 {
	clear: both;
}
#colRight .section1 {
                zoom: 1;
}
#colRight .section1:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#colRight .section1 .image-l-col {
	float: left;
	width: 350px;
	text-align: center;
	margin: 0 0 10px;
}

#colRight .section1 .image-r-col {
	float: right;
	width: 350px;
	margin: 0 0 10px;
	text-align: center;
}
#colRight .section1 .image-l-col img, #colRight .section1 .image-r-col img {
	margin: 0 auto 8px;
}
/*large image*/
#colum1 .image-large,
#colRight .image-large {
	clear: both;
	margin: 12px auto;
	text-align: center;
}
#colum1 .image-large p,
#colRight .image-large p {
	margin: 4px auto 0;
}

/*middle image width=400px */
#colRight .image-middle {
	clear: both;
	width: 400px;
	margin: 12px auto;
	text-align: center;
}
#colRight .image-middle p {
	margin: 4px auto 0;
}

/* Caption */
#colum1 .image-large p.caption-left,
#colum1 .image-large p.caption-center,
#colum1 .image-large p.caption-right,
#colRight .image-large p.caption-left,
#colRight .image-large p.caption-center,
#colRight .image-large p.caption-right,
#colRight .image-middle p.caption-left,
#colRight .image-middle p.caption-center,
#colRight .image-middle p.caption-right {
	font-size:75%;
	line-height:150%;
	color:#666666;
}
#colum1 .image-large p.caption-left,
#colRight .image-large p.caption-left,
#colRight .image-middle p.caption-left {
	text-align:left;
}
#colum1 .image-large p.caption-center,
#colRight .image-large p.caption-center,
#colRight .image-middle p.caption-center {
	text-align:center;
}
#colum1 .image-large p.caption-right,
#colRight .image-large p.caption-right,
#colRight .image-middle p.caption-right {
	text-align:right;
}

/*line images width=170px */
#colRight .line-images {	/* width: 500px; */
	margin: 12px auto;
	text-align: center;
}
#colRight .line-images img {
	float: left;
	margin: 8px 3px 12px 0;	
	/* margin: 8px 4px 12px 0; */
}
#colRight .line-images p {
	clear: left;
}
/*table*/
#colRight table {
	font-size: 90%;
	line-height: 150%;
	border-collapse: collapse;
	margin: 4px 0 12px;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}
#colRight table caption {
	text-align: left;
	white-space: nowrap;
}
#colRight table th {
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	background-color: #eaeaea;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 2px 5px;
}
#colRight table td {
	text-align: left;
	vertical-align:middle;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 2px 5px;
}
#colRight table td.pdf, #colRight table.compact td.pdf {
	background: #ffffff url(../image/listmark_pdf.gif) center left no-repeat;

	padding-left: 24px;
}
#colRight table.nowrap th, #colRight table.nowrap td {
	white-space: nowrap;
}
/* #colRight table th.nowrap, #colRight table td.nowrap, #colRight table.compact th.nowrap, #colRight table.compact td.nowrap {
	white-space: nowrap;
} */

/*table: font-size:smaller*/
#colRight table.compact th, #colRight table.compact td, #colRight table.compact td.pdf {
	font-size: 80%;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
}
#colRight table.compact th, #colRight table.compact td {
	padding-left: 3px;
}
/* for IE6 */
* html #colRight table.compact {
	word-break:break-all;
}
* html #colRight table.non_wordbreak {
	word-break:normal;
}

/*tableType01: background-color:#ffffff*/
#colRight table.tableType01 th {
	background-color: #ffffff;
}
/*table: background-color for even (In this case odd, background-color:#fff)*/
#colRight table tr.even td{
 background-color:#F0F0F6;
}
/*link*/
#colRight .related-link {
	clear: both;
	margin: 8px 0;
}
#colRight .gotoPageTop {
	clear: both;
	margin: 8px 0;
}
/*attention*/
#colRight .attention {
	border: 1px solid #666;
	background: #fff url(../image/attention_bg.jpg) top left repeat-x;
	margin:0px 0px 15px;
}
#colRight .attention p {
	margin-left: 8px;
	margin-right: 8px;
}
/*TradeMark Area*/
#colRight .trade_reg {
	border: 1px solid #666;
	background: #fff url(../image/attention_bg.jpg) top left repeat-x;
	padding: 10px;
}
#colRight .trade_reg p {
	margin: 0;
}
/*Notes*/
#colRight .notes {
	clear: both;
	margin-top: -8px;
}
/*agreement : form*/
#colRight .agreement {
	clear: both;
	text-align: center;
}
#colRight .agreement form {
	display: inline;
	margin: 16px 8px 16px 0;
}/*list with icon*/
#colRight .symbol {
	clear: both;
	overflow: hidden;
	zoom: 1;
}
#colRight .symbol .icon {
	float: left;
	width: 50px;
	text-align: center;
}
#colRight .symbol dl {
	float: right;
	width: 630px;
	margin: 0;
	padding: 0;
}
#colRight .symbol dl dt {
	margin-top: 0;
}
#colRight .symbol dl dd {
	margin-bottom: 10px;
}
#colRight .symbol ul li {
	margin-top: 2px;
	margin-bottom: 2px;
}
#colRight .symbol ul.text-float li {
	float: left;
	width: 120px;
	list-style: none;
}

#colRight .list2col dt,
#colum1 .list2col dt {
	zoom: 1;
	background: url(../image/cmn/cmn_ico_22.gif) left 3px no-repeat;
	width: 18%;
	float: left;
	padding: 0 15px 0 18px !important;
	margin: 0 !important;
	font-size: 100%;
	font-weight: bold;
}
#colRight .list2col dt img,
#colum1 .list2col dt img {
	margin: 5px 0 0 -18px;
}
#colRight .list2col dd,
#colum1 .list2col dd {
	width: 70%;
	float: left;
	margin: 0;
}

#suggest div.select { /* キー上下で選択した場合のスタイル */
	color: #FFFFFF;
	background-color: #3366FF;
}
#suggest div.over { /* マウスオーバ時のスタイル */
	background-color: #99CCFF;
}
/*Print Page*/
#printpage {
	position: absolute;
	left: 467px;
	top: 63px;
	z-index: 1;
}

/* tsb-original.css　から移設 */


#colRight .wrap-topic1 {
    background: none repeat scroll 0 0 #FFFAF6;
    border: 1px solid #DFC1AA;
    margin-bottom: 10px;
}
#colRight .wrap-topic1:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#colRight .wrap-topic1 {
    display: inline-block;
}
* html #colRight .wrap-topic1 {
    height: 1%;
}
#colRight .wrap-topic1 {
    display: block;
}
#colRight .wrap-topic1 .text-r-col {
    color: #AA4700;
    float: right;
    margin: 0;
    width: 370px;
}
#colRight .wrap-topic1 .text-r-col p {
    margin: 5px 10px 5px 0;
}
#colRight .wrap-topic1 .image-l-col {
    float: left;
    margin: 0;
    text-align: center;
    width: 170px;
}
#colRight .wrap-topic1 .text-l-col {
    color: #AA4700;
    float: left;
    margin: 0;
    width: 370px;
}
#colRight .wrap-topic1 .text-l-col p {
    margin: 5px 0 5px 10px;
}
#colRight .wrap-topic1 .image-r-col {
    float: right;
    margin: 0;
    text-align: center;
    width: 170px;
}
#colRight .wrap-topic1 .image-l-col img {
    margin: 8px 0 5px 10px;
}
#colRight .wrap-topic1 .image-r-col img {
    margin: 8px 10px 5px 0;
}
#colRight .wrap-topic1 .image-l-col p, #colRight .wrap-topic1 .image-r-col p {
    text-align: left;
}


/*ページトップへ戻る*/

#gotoPageTop{
    font-size: 85%;
    margin: 10px 0 5px;
    text-align: right;
    clear:both;
}
#gotoPageTop a {
    background: url("../image/cmn/cmn_ico_05.gif") no-repeat scroll left center transparent;
    padding: 0 0 0 10px;
    text-decoration: none;
}
#gotoPageTop a:hover {
    text-decoration: underline;
}


/*画像*/

#colum1 div.image-float-left, 
#colum1 div.image-float-right,
#colRight div.image-float-left, 
#colRight div.image-float-right {
    clear: both;
    margin-bottom: 1em;
}
#colum1 div.image-float-left p img,
#colRight div.image-float-left p img {
    float: left;
    margin-left: 0;
    margin-right: 10px;
    margin-top: 0;
}
#colum1 div.image-float-right p img,
#colRight div.image-float-right p img {
    float: right;
    margin-left: 10px;
    margin-right: 0;
    margin-top: 0;
}
#colum1 div.image-float-left:after,
#colum1 div.image-float-right:after,
#colRight div.image-float-left:after,
#colRight div.image-float-right:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#colum1 div.image-float-left,
#colum1 div.image-float-right,
#colRight div.image-float-left,
#colRight div.image-float-right {
    display: inline-block;
}

/* \*/
* html #colum1 div.image-float-left, * html #colum1 div.image-float-right, * html #colRight div.image-float-left, * html #colRight div.image-float-right {
 height:1%;
}

#colum1 div.image-float-left, #colum1 div.image-float-right, #colRight div.image-float-left, #colRight div.image-float-right {
 display:block;
}
/* */


div.newp_bg_ja {
    background: url("../image/newp_bg_jp.jpg") no-repeat scroll left bottom transparent;
	width:550px;
}
div.newp_bg_en {
    background: url("../image/newp_bg_en.jpg") no-repeat scroll left bottom transparent;
	width:550px;
}
div#newp_latest dl dt.newp_dt_ja {
    background: url("../image/newp_bg_jp.jpg") no-repeat scroll left top transparent;
	width:550px;
}
div#newp_latest dl dt.newp_dt_en {
    background: url("../image/newp_bg_en.jpg") no-repeat scroll left top transparent;
	width:550px;
}
div#newp_latest dl dt {
    height: 73px;
    margin: 0;
    padding: 25px 5px 0 88px;
    text-indent: 0;
    width: 550px;
}
div#newp_latest dl dd {
    margin: -20px 4px -10px 15px;
    padding: 0;
}
div#newp_latest dl dd div.image-float-right {
    margin-right: 10px;
}
div#newp_latest p.archive {
    padding: 6px 0 2px 15px;
}

#colRight #mosfetContent div.bgBlue {
    background-color: #E4ECF9;
    margin: 30px 0;
    padding: 0 0 20px;
}
#colRight #mosfetContent div.bgBlue p.title {
    padding: 20px 0 5px;
}
#colRight #mosfetContent div.bgBlue dl {
    padding: 0 10px;
}
#colRight #mosfetContent div.bgBlue dl dt {
    background: none repeat scroll 0 0 transparent;
    color: #003399;
    margin: 15px 0 0 1em;
    text-indent: -1em;
	padding:0;
}
#colRight #mosfetContent div.bgBlue dl dd {
    margin: 5px 0 10px;
}
#colRight .tsb-section-2col-100 {
 width: 700px;
}
#colRight .tsb-section-2col-100:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
#colRight .tsb-section-2col-100 .text-r-col {
 width: 600px;
 float: right;
 margin: 0 0 10px;
}
#colRight .tsb-section-2col-100 .image-l-col {
 float: left;
 width: 100px;
 text-align: center;
 margin: 0 0 10px;
}
#colRight .tsb-section-2col-100 .text-l-col {
 width: 600px;
 float: left;
 margin: 0 0 10px;
}
#colRight .tsb-section-2col-100 .image-r-col {
 float: right;
 width: 100px;
 margin: 0 0 10px;
 text-align: center;
}
#colRight .tsb-section-2col-100 .image-l-col img,
#colRight .tsb-section-2col-100 .image-r-col img {
 margin: 0px auto 8px;
 /*border: 1px solid #666;*/
}
#colRight .tsb-section-2col-100 .image-l-col p,
#colRight .tsb-section-2col-100 .image-r-col p {
 text-align: left;
}


.marTop10 {
    margin-top: 10px;
}
.marTop20 {
    margin-top: 20px;
}
.marBottom10 {
    margin-bottom: 10px;
}
.marBottom20 {
    margin-bottom: 20px;
}
.marBottom30 {
    margin-bottom: 30px;
}
.marLef10 {
    margin-left: 10px;
}
.marRig10 {
    margin-right: 10px;
}

#colRight .clr-text-red {
    color: #CC0000;
}

/* RSS */
#colRight .feed-list {
    list-style-image: none;
    list-style-type: none;
    margin: 1em 0 0;
    padding: 0;
}
#colRight .feed-list li {
    list-style-type: none;
    margin: 0 0 1em;
    padding: 0;
}
#colRight .feed-list li a {
    background: url("../image/feed-icon-14x14.png") no-repeat scroll 0 50% transparent;
    padding: 0 0 0 19px;
}

#colRight div.pdf ul {
    list-style: disc outside url("../image/cmn/cmn_ico_15.gif");
    margin: 8px 0 0 32px;
}
#colRight div.pdf li {
    background: none !important;
    padding: 0 !important;
}
#colRight div.pdf ul li, 
#colum1 div.pdf ul li { 
    list-style: inherit; 
}

/* 登録内容入力テーブル */
#entryTable .table{
	margin-left: auto;
    margin-right: auto;
}
#entryTable .td1{
	text-align: center;
	color: #ff0000;
    background-color: #aaaaaa;
}
#entryTable .td2{
	text-align: center;
    background-color: #cccccc;
}
#entryTable .td3{
    background-color: #eeeeee;
}

/* 検索結果一覧テーブル */
#searchTable .table{
	margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-color: #ffffff;
    border-width: 3px;
}
#searchTable .th{
	border-style: solid;
    border-color: #ffffff;
    border-width: 3px;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
    background-color: #aaaaaa;
}
#searchTable .td1{
    border-style: solid;
    border-color: #ffffff;
    border-width: 3px;
	text-align: center;
	color: #008877;
    background-color: #dddddd;
}
#searchTable .td2{
    border-style: solid;
    border-color: #ffffff;
    border-width: 3px;
	text-align: center;
	color: #008877;
    background-color: #eeeeee;
}
#searchTable .button{
    width: 70px;
    height: 20px;
    margin: 5px 0px 5px 0px;
    text-align: center;
}